@import "./common";

.content {
    .Carousel {
        img {
            width: 100%;
        }
    }
    .profile {
        margin-top: 70px;
        margin-bottom: 50px;
        .p-left {
            p {
                &:first-of-type {
                    font-size: 20px;
                }
                &:nth-of-type(2),&:last-of-type {
                    font-size: 14px;
                    text-indent: 26px;
                    line-height: 30px;
                }
            }
        }
        .p-right {
            @media (max-width:992px) {
                text-align: center;
            }
            img {
                margin-top: 130px;
                @media (max-width:992px) {
                    width: 60%;
                    margin-top: 20px;
                }
            }
        } 
    }
    .recruit {
        color: white;
        background: rgb(140, 193, 31);
        padding-top: 70px;
        padding-bottom: 60px;
        .r-left {
            h2 {
                color: white;
                margin-bottom: 30px;
            }
            p {
                line-height: 30px;
            }
        }
        .r-right {
            div {
                margin-top: 90px;
                @media (max-width:768px) {
                    margin-top: 30px;
                }
                span {
                    display: block;
                    &:first-of-type {
                        margin-bottom: 10px;
                    }
                    &:nth-of-type(2) {
                        width: 188px;
                        height: 36px;
                        color: rgb(140, 193, 31);
                        background: white;
                        border-radius: 3px;
                        line-height: 30px;
                        padding-left: 8px;
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }
    .position {
        margin-top: 20px;
        .as3 {
            padding: 50px 0;
            h3 {
                color: rgb(140, 193, 31);
                margin-bottom: 20px;
            }
            ul {
                li {
                    font-size: 17px;
                    letter-spacing: 2px;
                    margin-bottom: 10px;
                    ul {
                        li {
                            font-size: 14px;
                            text-indent: 20px;
                        }
                    }
                }
            }
        }
        .php {
            padding: 50px 0;
            h3 {
                color: rgb(140, 193, 31);
                margin-bottom: 20px;
            }
            ul {
                li {
                    font-size: 17px;
                    letter-spacing: 2px;
                    margin-bottom: 10px;
                    ul {
                        li {
                            font-size: 14px;
                            text-indent: 20px;
                        }
                    }
                }
            }
        }
        .business {
            padding: 50px 0;
            h3 {
                color: rgb(140, 193, 31);
                margin-bottom: 20px;
            }
            ul {
                li {
                    font-size: 17px;
                    letter-spacing: 2px;
                    margin-bottom: 10px;
                    ul {
                        li {
                            font-size: 14px;
                            text-indent: 20px;
                        }
                    }
                }
            }
        }
        .operation {
            padding: 50px 0;
            h3 {
                color: rgb(140, 193, 31);
                margin-bottom: 20px;
            }
            ul {
                li {
                    font-size: 17px;
                    letter-spacing: 2px;
                    margin-bottom: 10px;
                    ul {
                        li {
                            font-size: 14px;
                            text-indent: 20px;
                        }
                    }
                }
            }
        }
        .android {
            padding: 50px 0;
            h3 {
                color: rgb(140, 193, 31);
                margin-bottom: 20px;
            }
            ul {
                li {
                    font-size: 17px;
                    letter-spacing: 2px;
                    margin-bottom: 10px;
                    ul {
                        li {
                            font-size: 14px;
                            text-indent: 20px;
                        }
                    }
                }
            }
        }
        hr {
            border-top: 1px solid black;
        }
    }
    .contact {
        background: rgb(244, 244, 244);
        padding: 30px 0;
        h2 {
            margin-bottom: 30px;
        }
        ul {
            li {
                div {
                    background: white;
                    padding-top: 10px;
                    padding-bottom: 20px;
                    padding-left: 20px;
                    margin-bottom: 20px;
                }
            }
        }
    }

}